body {margin: 0; padding: 0; font-family: "TASA Orbiter", sans-serif;  font-size: 16px;}

html {
  /* Make in-page anchor jumps respect fixed header */
  scroll-padding-top: 120px;
  scroll-behavior: smooth;
}

#topSection {background: #0F172A; background: linear-gradient(180deg, rgba(15, 23, 42, 1) 17%, rgba(32, 80, 187, 1) 70%, rgba(255, 255, 255, 1) 100%);}

/* .logo{color: #000; background: #fff;} */

.customNav li a{ color: #fff;}
.customNav li a:hover { color: #FACC15;}
.header { color: #fff; font-family: "TASA Orbiter", sans-serif;}
.header a { flex-direction: column;}
.tagline { color: #E5E7EB; font-size:11px; letter-spacing: 0.5px; line-height: 1.2;}
.site-header.glass .tagline { color: #6B7280;}
.heroArea { padding: 140px 0 80px;}
.select-wrap { background-color: #2563EB; border-radius: 20px;}
.select-wrap select { background-color: #2563EB; border: none; outline: none;}
.logo_menu a {float: left;}
.responsiveMenu {float: right;}
.navbar-collapse { flex-grow: 0;}

/* Base logo sizing - applies to all pages */
.logoBox img {
  width: 50px;
  height: 50px;
  object-fit: contain;
  transition: all 0.3s ease;
}

.logoBox {
  display: flex;
  align-items: center;
  gap: 10px;
}

.logoBox div {
  display: flex;
  flex-direction: column;
  gap: 2px;
}

#currencyDropdownBtn {
  background: linear-gradient(180deg,#1e5cff,#1a4ad1);
  color: #fff;
  border: none;
  border-radius: 12px;
  padding: 8px 14px;
  box-shadow: 0 6px 14px rgba(25,57,160,0.25), inset 0 1px 0 rgba(255,255,255,0.04);
  /* min-width: 110px; */
}
#currencyDropdownBtn:focus {
  box-shadow: 0 6px 20px rgba(25,57,160,0.35), 0 0 0 4px rgba(66,133,244,0.12);
  outline: none;
}
.dropdown-menu {
  border-radius: 10px;
  min-width: 200px;
}
.dropdown-item.active {
  background-color: #1e5cff;
  color: #fff;
}
header a { position: relative;}
.nav-link {color: #000;}











.bannerTxt { margin: 80px 0 0; padding: 0;}
.bannerTxt h1 { margin: 0 0 12px; padding: 0; font-size: 50px; color: #fff; line-height: 56px; font-weight: 600;}
.bannerTxt h3 { margin: 0 0 40px; padding: 0; font-size: 20px; color: #E5E7EB; line-height: 28px; font-weight: 500;}
.backgroundImgHero::before{ content:""; display: block; height: 555px; width: 747px; padding: 0 0 144px; background: url('images/Group137.png') 0 0 no-repeat; 
    background-size: 811px; background-position: right;}

    .bannerImg img{width:100%; max-width:640px; border-radius:18px;  background:rgba(255,255,255,.02);
      box-shadow:0 30px 60px rgba(2,8,23,.24);}

/* .formBg { background: red;} */
.emailformBG { background: #fff; border-radius: 5px; padding: 7px;}
.emailForm { display: flex; flex-direction: row; justify-content: space-between;}
.emailForm .heroCTA { padding:0; width: 213px; font-size: 16px; font-weight: 600; background-color: #FACC15;}
.emailForm .heroCTA:hover{ background-color: #E8E91F;}
.emailForm input[type="email"] { width: 70%; padding:20px 30px; border: none; outline: none; }
.form-control:focus { border: none; box-shadow: none; outline: none; }

#mri {margin: 0; padding: 0; }
.bg {background: #F9FAFB; border-radius: 18px; margin: 100px 0 0;}
.titlesmall { padding: 80px 0 50px; text-align: center; text-transform: uppercase; font-size: 16px; letter-spacing: 10px;}
.moneyAmount { margin: 0; font-size: 96px; font-weight: 700;}
.subline { font-size: 16px; text-transform: capitalize; line-height: 32px; color: #111827;}

.starBoxGrp {margin: 0; padding: 81px 0;}
.statbox { line-height: 40px; text-align: center;}
.statnumber{font-size: 40px; font-weight: 700;}
.statlabel { font-size: 16px;}

.oursolutionGrp { margin: 126px 0 80px; text-align: center;}
.oursolutionGrp h2 { font-size: 40px; font-weight: 700;}

.traqBox {
  border: 1px solid #2563EB;
  padding: 32px;
  box-shadow: -12px 12px 0 #2563EB;
  margin: 0 0 100px;
  min-height: 717px;
  border-radius: 18px;
  transition: box-shadow 0.6s ease-in-out, transform 0.6s ease-in-out;
  position: relative;
  overflow: hidden;
}
.traqBox h3{ font-weight: 700; font-size: 40px; color: #2563EB; margin: 0 0 41px;}
.traqBox span { font-weight: 500; font-size: 24px;}
.tbox { margin: 24px 0;}
.traqBox ul { line-height: 25px;}
.traqBox:hover{transform: translateY(-6px);
  box-shadow: -12px -12px 0 #2563EB;}

.package-hover {
  position: absolute;
  inset: 0;
  background: rgba(15,23,42,0.96);
  color: #F9FAFB;
  padding: 28px 24px 32px;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  opacity: 0;
  pointer-events: none;
  transition: opacity 0.3s ease-in-out;
  overflow-y: auto;
  border-radius: 18px;
}

.package-hover h4 {
  font-size: 22px;
  margin-bottom: 12px;
  font-weight: 600;
  color: #F9FAFB;
}

.package-hover > div > p {
  font-size: 15px;
  margin-bottom: 16px;
  line-height: 1.6;
  color: #E5E7EB;
}

.package-hover ul {
  font-size: 14px;
  padding-left: 20px;
  margin-bottom: 16px;
  line-height: 1.7;
}

.package-hover ul li {
  margin-bottom: 10px;
  color: #D1D5DB;
}

.package-hover ul li strong {
  color: #F9FAFB;
  font-weight: 600;
}

.package-hover .roi-description_small {
  font-size: 13px;
  line-height: 1.6;
  color: #9CA3AF;
  margin-top: auto;
  padding-top: 16px;
  border-top: 1px solid rgba(255,255,255,0.1);
}

.traqBox:hover .package-hover {
  opacity: 1;
  pointer-events: auto;
}

.whyImg1{ background: url(images/LiveinUnderaWeek.jpg)  no-repeat; background-size: cover; height: 309px; width: 100%; background-position: center; 
  border-radius: 18px; box-shadow: 0 4px 16px -4px #00000040,inset 0 -1px 0 0 #ffffff40,inset 0 -1px 0 1px #ffffff0d;}
  .whyImg2{ background: url(images/slsi.jpg)  no-repeat; background-size: cover; height: 309px; width: 100%; 
  border-radius: 18px; box-shadow: 0 4px 16px -4px #00000040,inset 0 -1px 0 0 #ffffff40,inset 0 -1px 0 1px #ffffff0d;}
  .whyImg3{ background: url(images/ml.jpg)  no-repeat; background-size: cover; height: 309px; width: 100%; background-position: center;
  border-radius: 18px; box-shadow: 0 4px 16px -4px #00000040,inset 0 -1px 0 0 #ffffff40,inset 0 -1px 0 1px #ffffff0d;}
  .whyImg4{ background: url(images/audio-video-intelligence.png)  no-repeat; background-size: cover; height: 309px; width: 100%; background-position: center; 
  border-radius: 18px; box-shadow: 0 4px 16px -4px #00000040,inset 0 -1px 0 0 #ffffff40,inset 0 -1px 0 1px #ffffff0d;}
  .whyImg5{ background: url(images/lowest-cost-coverage.png)  no-repeat; background-size: cover; height: 309px; width: 100%; 
  border-radius: 18px; box-shadow: 0 4px 16px -4px #00000040,inset 0 -1px 0 0 #ffffff40,inset 0 -1px 0 1px #ffffff0d;}
  .whyImg6{ background: url(images/proven-conversion.png)  no-repeat; background-size: cover; height: 309px; width: 100%; background-position: center;
  border-radius: 18px; box-shadow: 0 4px 16px -4px #00000040,inset 0 -1px 0 0 #ffffff40,inset 0 -1px 0 1px #ffffff0d;}
.whyTxt { padding-top: 20px;}
.whyTxt h4 { font-weight: 500; font-size: 20px;}
.whyTxt ul { margin: 0;}
  
#cfe h2 { text-align: center; font-size: 40px; font-weight: 700; margin-bottom: 48px;}
.allLogos ul { padding: 0; margin: 0; display: flex; flex-direction: row; justify-content: space-between; align-items: center; text-align: center;}
.allLogos ul li {list-style: none;}
.allLogos ul li img{width: 50%;}
/* background: #0F172A; */
#roistory { margin: 144px 0; padding: 0 0 144px;  background: #003399;
background: linear-gradient(342deg,rgba(0, 51, 153, 1) 0%, rgba(11, 18, 32, 1) 50%, rgba(255, 184, 0, 1) 100%);}
.roiHeading { margin: 0; padding: 74px 0; text-align: center;}
.roiHeading h2 { color: #fff; font-size: 40px; font-weight: 700;}
.roiHeading .subline { color: #fff; font-size: 16px;}

/* ===== How it works page ===== */
.how-section-title {
  font-size: 32px;
  font-weight: 700;
  color: #111827;
  margin-bottom: 8px;
}

.how-img-main,
.how-img-side {
  width: 100%;
  border-radius: 18px;
  object-fit: cover;
  box-shadow: 0 4px 16px rgba(0,0,0,0.12);
}

.how-img-main {
  height: 360px;
}

.how-img-side {
  height: 220px;
}

/* Taller image for Step 4 implementation section */
.how-img-impl {
  height: 280px;
}

.how-card,
.how-list-card,
.how-module-card,
.how-next-steps-card {
  background: #FFFFFF;
  border-radius: 18px;
  padding: 24px 24px 20px;
  border: 1px solid #E5E7EB;
  box-shadow: 0 4px 12px rgba(15,23,42,0.08);
  margin-bottom: 20px;
}

/* Tighter bottom spacing for specific cards */
.how-list-card-tight-bottom {
  margin-bottom: -4px;
}

.how-card-img {
  width: 100%;
  max-width: 480px;
  height: auto;
  border-radius: 14px;
  object-fit: cover;
  display: block;
}

/* Make the Next steps image smaller and centered */
.how-next-steps-card .how-card-img {
  max-width: 380px;
  margin: 0 auto 16px;
}

.how-card h3,
.how-list-card h3,
.how-module-card h3,
.how-next-steps-card h3 {
  font-size: 20px;
  font-weight: 600;
  margin-bottom: 10px;
  color: #111827;
}

.how-card p,
.how-list-card p,
.how-module-card p,
.how-next-steps-card p,
.how-card ul,
.how-list-card ul,
.how-module-card ul,
.how-next-steps-card ul,
.how-next-steps-card ol {
  font-size: 14px;
  line-height: 1.7;
  color: #4B5563;
  margin-bottom: 8px;
}

.how-card-note {
  font-size: 13px;
  color: #6B7280;
  margin-top: 4px;
}

.how-list-card + .how-list-card {
  margin-top: 16px;
}

.how-module-card {
  padding: 24px 24px 20px;
}

.how-list-card.dark,
.how-list-card.dark ul {
  background: #020617;
  border-color: rgba(148,163,184,0.4);
  color: #E5E7EB;
}

.how-list-card.dark h3 {
  color: #F9FAFB;
}

.how-list-card.dark li {
  color: #E5E7EB;
}

.how-next-steps-card ol {
  padding-left: 20px;
}

/* Equal-height rows for How it works cards */
.how-equal-row > [class*="col-"] {
  display: flex;
}

.how-equal-row .how-card,
.how-equal-row .how-list-card,
.how-equal-row .how-module-card {
  width: 100%;
}

/* Stack card + image nicely in columns */
.how-col-stack {
  display: flex;
  flex-direction: column;
}

.how-col-stack .how-img-side {
  margin-top: 24px;
}

/* Slightly smaller image for the security section */
.how-img-security {
  height: 220px;
}

/* Image card wrapper for KPI section */
.kpi-img-card {
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 0 !important;
}

/* Remove extra top margin for Step 5 image */
.kpi-img-card .how-img-side {
  margin-top: 0;
}

/* Pull Step 2 image closer to the card above */
.how-col-stack .step2-img {
  margin-top: -10px;
}

@media (max-width: 768px) {
  .how-img-main {
    height: 260px;
    margin-top: 24px;
  }

  .how-img-side {
    height: auto;
    margin-top: 24px;
  }

  .how-section-title {
    font-size: 26px;
  }

  .how-equal-row > [class*="col-"] {
    display: block;
  }
}

/* Store Conversion Calculator layout */
#roistory #conversionCalcForm .row {
  margin-left: -8px;
  margin-right: -8px;
}

#roistory #conversionCalcForm .col-md-6 {
  padding-left: 8px;
  padding-right: 8px;
}

#roistory .form-label {
  color: #E5E7EB;
  font-size: 14px;
}

#roistory .form-control {
  background: rgba(15, 23, 42, 0.9);
  border: 1px solid rgba(148, 163, 184, 0.6);
  color: #F9FAFB;
}

#roistory .form-control::placeholder {
  color: #9CA3AF;
}

#roistory .form-control:focus {
  border-color: #FACC15;
}

#roistory .btn-submit {
  background-color: #FACC15;
  border: none;
  color: #111827;
  font-weight: 600;
  padding: 12px 16px;
}

#roistory .btn-submit:hover {
  background-color: #EAB308;
  color: #111827;
}

.roi-card {
  box-shadow: inset 0 0 0 1px rgb(255 255 255 / 12%);
  padding: 32px 32px 16px;
  min-height: 385px;
  backdrop-filter: blur(12px);
  -webkit-backdrop-filter: blur(100px);
  margin: 0 0 16px;
  border-radius: 18px;
  background-color: #ffffff12;
  }
.roi-label {  font-size: 14px; letter-spacing: 7px; color: #fff; margin-bottom: 1rem; font-weight: 700;}
.roi-value { font-size: 60px; color: #fff; letter-spacing: 10px; font-weight: 700; padding: 18px 0; }
.roi-description_big { font-weight: 600; color: #fff; letter-spacing: 2px; text-transform: capitalize;}
.roi-description_small { color: #E5E7EB; font-size: 16px;}


#tl h2 { text-align: center; font-size: 40px; font-weight: 700; margin-bottom: 48px;}
#tl .allLogos ul { padding: 0; margin: 0; display: flex; flex-direction: row; justify-content: space-between; align-items: center; text-align: center;}
#tl .allLogos ul li {list-style: none;}
#tl .allLogos ul li img{width: 50%;}

#testimonial { margin: 40px 0; background: #e5e7eb2b; padding: 40px 0;}
/* .boxTest:after { content: ""; display: block; background-image: url('images/quote-left.png'); background-repeat: no-repeat; background-position: right top;} */
.boxTest { background-color: #fff; padding: 32px; border-radius: 23px; backdrop-filter:blur(100px); box-shadow: inset 0 0 0 1px #fff;}
.boxTest img { width: 30%;}
.namearea { display: flex; flex-direction: row; align-items: center;}
.testimonial-photo { width: 56px; height: 56px; border-radius: 50%; object-fit: cover; margin-right: 12px;}
.nameBox p { margin: 0;}
.nameBox p i { color: #1FABBC;}
.testParabox { border-bottom: 1px solid #E5E7EB;}
.nameLetter {     border-radius: 50px;
   background: #1FABBC;
background: linear-gradient(121deg,rgba(31, 171, 188, 1) 17%, rgba(47, 144, 225, 1) 70%);
    color: #fff;
    padding: 15px 10px;
    width: 60px;
    text-align: center;
    height: 60px;
    margin: 0 20px 0 0;
    font-size: 20px; font-weight: 700;}
.testimonialDiv { padding-top: 130px; }
.testimonialDiv h2 {font-size: 40px; color: #2563EB; font-weight: 700; line-height: 50px;}

.marquee-wrapper { overflow: hidden; white-space: nowrap; background: #fff; padding: 20px 0; display: flex;}
.logo-marquee { display: inline-flex; gap: 50px; list-style: none; padding: 0 20px; justify-content: space-between; margin: 0; animation: scroll 20s linear infinite;}
.logo-marquee li { flex: 0 0 auto;}
.logo-marquee li img { height: 45px; filter: grayscale(100%); opacity: 0.85;transition: filter 0.3s, opacity 0.3s;}
.logo-marquee li img:hover { filter: none; opacity: 1;}

/* First marquee (left to right) */
@keyframes scroll {
  from {
    transform: translateX(0);
  }
  to {
    transform: translateX(-50%);
  }
}

/* Second marquee (reverse direction) */
.marquee-reverse .logo-marquee { animation: scroll-reverse 25s linear infinite;}

@keyframes scroll-reverse {
  from {
    transform: translateX(-50%);
  }
  to {
    transform: translateX(0);
  }
}

/* Optional: pause on hover */
.marquee-wrapper:hover .logo-marquee { animation-play-state: paused;}

#formMeg { position: absolute; top: 3%; border: 1px solid #ccc; border-radius: 50px; padding: 10px; margin-left: 540px;}
#contactus { margin: 0; padding: 0; background-color: #FCFDFD; position: relative;}
.contact-title { margin: 63px 0; font-size: 40px; font-weight: 700;}
.contactUS_Form input {background: #E5E7EB; padding: 15px;}
.contactUS_Form textarea {background: #E5E7EB;}

.contactUS_Form input:focus,
.contactUS_Form textarea:focus { border: 1px solid #2563EB;}
.contactUS_Form button.btn { padding:15px; width: 213px; font-size: 16px; font-weight: 600; background-color: #FACC15; width: 100%;}
.contactUS_Form button.btn:hover { background: #2563EB; color: #fff;}
.contact-illustration img { margin: 0; padding: 40px;}

.fade-section#careers .roi-description_small,
#careers .roi-description_small {
  color: #111827;
}

/* TenX section should use dark text on light cards */
#tenx .roi-card {
  background-color: #FFFFFF;
  box-shadow: 0 1px 3px rgba(15,23,42,0.08), 0 1px 2px rgba(15,23,42,0.06);
  border-radius: 18px;
  border: 1px solid #EEF2F7;
  padding: 22px 20px;
  /* Critical: override global .roi-card min-height (prevents huge blank space) */
  min-height: auto !important;
}

#tenx .tenx-article-card {
  cursor: pointer;
  transition: transform 0.15s ease, box-shadow 0.15s ease;
  position: relative;
  overflow: hidden;
  display: flex;
  flex-direction: column;
}

#tenx .tenx-article-card::before {
  content: "";
  position: absolute;
  inset: 0;
  background:
    radial-gradient(600px 220px at 18% 0%, rgba(37,99,235,0.12), transparent 60%),
    radial-gradient(520px 220px at 85% 10%, rgba(250,204,21,0.12), transparent 58%);
  pointer-events: none;
}

#tenx .tenx-article-card::after {
  content: "";
  position: absolute;
  left: 18px;
  right: 18px;
  top: 12px;
  height: 3px;
  border-radius: 999px;
  background: linear-gradient(90deg, #2563EB 0%, #60A5FA 45%, #FACC15 100%);
  opacity: 0.95;
  pointer-events: none;
}

#tenx .tenx-article-card > * {
  position: relative;
  z-index: 1;
}

#tenx .tenx-article-card:hover {
  transform: translateY(-2px);
  box-shadow: 0 10px 24px rgba(15, 23, 42, 0.12);
}

#tenx .tenx-article-card:focus {
  outline: 3px solid rgba(37, 99, 235, 0.25);
  outline-offset: 3px;
}

.tenx-articles {
  max-width: 980px;
  margin: 0 auto;
}

.tenx-article-panel {
  background: #FFFFFF;
  border-radius: 18px;
  border: 1px solid #E5E7EB;
  box-shadow: 0 4px 12px rgba(15,23,42,0.08);
  padding: 28px;
}

.tenx-article-kicker {
  font-size: 12px;
  letter-spacing: 0.14em;
  color: #6B7280;
  font-weight: 700;
  margin-bottom: 10px;
}

.tenx-article-title {
  font-size: 24px;
  font-weight: 700;
  color: #111827;
  margin-bottom: 10px;
}

.tenx-article-lede {
  font-size: 15px;
  line-height: 1.8;
  color: #4B5563;
  margin-bottom: 18px;
}

.tenx-article-subtitle {
  font-size: 15px;
  font-weight: 700;
  color: #111827;
  margin: 16px 0 10px;
}

.tenx-article-list {
  color: #4B5563;
  font-size: 14px;
  line-height: 1.8;
  padding-left: 18px;
  margin-bottom: 0;
}

.tenx-article-list li {
  margin-bottom: 8px;
}

.tenx-article-takeaway {
  margin-top: 18px;
  padding: 14px 16px;
  background: #EFF6FF;
  border: 1px solid rgba(37,99,235,0.18);
  border-radius: 14px;
  color: #1F2937;
  font-size: 14px;
  line-height: 1.7;
}

.tenx-hint {
  margin-top: 4px;
  color: #6B7280;
  font-size: 13px;
}

.tenx-section {
  background: linear-gradient(180deg, #f7f8fb 0%, #ffffff 30%);
  padding: 40px 0 48px;
}

/* Make TenX headings less dull */
#tenx h2 {
  font-size: 44px;
  font-weight: 800;
  letter-spacing: -0.02em;
  color: #0F172A;
  margin-bottom: 10px;
}

#tenx .subline {
  font-size: 18px;
  line-height: 28px;
  color: #475569;
  text-transform: none;
  margin-bottom: 6px;
}

/* ===== Legal pages (Privacy / Terms) ===== */
.legal-page #topSection {
  /* Keep header area clean white on legal pages */
  background: #FFFFFF;
}

.legal-hero {
  background:
    radial-gradient(900px 360px at 10% 10%, rgba(37,99,235,0.18), transparent 55%),
    radial-gradient(900px 360px at 90% 0%, rgba(250,204,21,0.16), transparent 52%),
    linear-gradient(180deg, #F8FAFC 0%, #FFFFFF 70%);
  border-bottom: 1px solid #EEF2F7;
  /* Match homepage hero vertical rhythm so fixed navbar never overlaps */
  padding: 140px 0 40px;
}

.legal-hero h1 {
  font-size: 44px;
  font-weight: 800;
  letter-spacing: -0.02em;
  color: #0F172A;
  margin-bottom: 10px;
}

.legal-hero p {
  color: #475569;
  font-size: 16px;
  line-height: 1.7;
  margin-bottom: 0;
}

.legal-pills {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
  margin-top: 14px;
}

.legal-pill {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  padding: 8px 12px;
  border-radius: 999px;
  border: 1px solid #CBD5E1;
  background: rgba(255,255,255,0.92);
  box-shadow: 0 1px 2px rgba(15, 23, 42, 0.06);
  color: #111827;
  font-size: 13px;
  font-weight: 700;
}

.legal-pill a {
  color: #2563EB;
  text-decoration: none;
}

.legal-body {
  padding: 34px 0 80px;
  background: #FFFFFF;
}

.legal-card-title {
  display: flex;
  align-items: center;
  gap: 12px;
  margin-bottom: 10px;
}

.legal-icon {
  width: 42px;
  height: 42px;
  border-radius: 14px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  background: rgba(37,99,235,0.10);
  color: #2563EB;
  border: 1px solid rgba(37,99,235,0.16);
}

.legal-toc {
  position: sticky;
  top: 92px;
}

.legal-toc a {
  color: #2563EB;
  text-decoration: none;
}

.legal-toc a:hover {
  text-decoration: underline;
}

.legal-section h3 {
  /* Extra offset so headings don't hide under fixed navbar */
  scroll-margin-top: 180px;
}

/* Fallback: any anchor target inside legal body also stops lower */
.legal-body [id] {
  scroll-margin-top: 180px;
}

@media (max-width: 768px) {
  .legal-hero h1 { font-size: 34px; }
  .legal-toc { position: static; }
}

.tenx-card-row .roi-card {
  padding: 22px 20px 22px;
  border: 0;
}

.tenx-card-row .roi-description_big {
  margin-bottom: 8px;
}

.tenx-pill {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  margin-top: 10px;
  padding: 6px 12px;
  background: rgba(37,99,235,0.10);
  color: #1D4ED8;
  font-size: 12px;
  font-weight: 700;
  letter-spacing: 0.03em;
  border-radius: 999px;
  width: fit-content;
}

.tenx-pill::after {
  content: "→";
  font-size: 13px;
  line-height: 1;
  opacity: 0.9;
}

/* Push CTA down for consistent card height */
#tenx .tenx-article-card .roi-description_small {
  margin-bottom: auto;
}

#tenx .roi-label {
  letter-spacing: 0.18em;
  font-size: 12px;
}
#tenx .roi-label {
  color: #6B7280;
}

#tenx .roi-description_big {
  color: #111827;
}

#tenx .roi-description_small {
  color: #4B5563;
}

/* FAQ section styling */
#faq {
  padding: 40px 0;
  background: #F9FAFB;
}

#faq .accordion-button {
  background-color: #fff;
  box-shadow: none;
}

#faq .accordion-button:not(.collapsed) {
  background-color: #F9FAFB;
  color: #2563EB;
  box-shadow: none;
}

#faq .accordion-button:focus {
  box-shadow: 0 0 0 0.25rem rgba(37, 99, 235, 0.15);
  border-color: #2563EB;
}

#faq .accordion-item {
  box-shadow: 0 2px 8px rgba(0,0,0,0.08);
}

#faq .accordion-body {
  background-color: #fff;
}

#faq h3 {
  font-size: 24px;
  font-weight: 700;
  color: #111827;
  margin-bottom: 20px;
  padding-bottom: 12px;
  border-bottom: 2px solid #E5E7EB;
}

#faq .faq-category-btn:hover {
  background: #EFF6FF !important;
  border-color: #2563EB !important;
  color: #2563EB !important;
  transform: translateY(-2px);
  box-shadow: 0 4px 12px rgba(37, 99, 235, 0.15);
}

#faq .faq-category-btn.active {
  background: #2563EB !important;
  color: #fff !important;
  border-color: #2563EB !important;
}

#faq .faq-category-btn.active:hover {
  background: #1D4ED8 !important;
  color: #fff !important;
}
.whatsapp-float {
  position: fixed;
  right: 24px;
  bottom: 24px;
  width: 56px;
  height: 56px;
  border-radius: 50%;
  background: #22c55e;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #fff;
  font-weight: 700;
  font-size: 24px;
  box-shadow: 0 12px 30px rgba(0,0,0,.25);
  z-index: 1100;
  text-decoration: none;
  transition: all 0.3s ease;
}
.whatsapp-float:hover {
  background: #16a34a;
  color: #fff;
}

/* WhatsApp with tooltip (right side) */
.whatsapp-with-tooltip {
  width: 56px;
  height: 56px;
  background: #22c55e;
  box-shadow: 0 4px 12px rgba(34, 197, 94, 0.4);
}

.whatsapp-with-tooltip svg {
  width: 28px;
  height: 28px;
}

.whatsapp-tooltip {
  position: absolute;
  right: 70px;
  top: 50%;
  transform: translateY(-50%);
  background: #111827;
  color: #fff;
  padding: 8px 12px;
  border-radius: 8px;
  font-size: 14px;
  font-weight: 500;
  white-space: nowrap;
  opacity: 0;
  pointer-events: none;
  transition: opacity 0.3s ease, transform 0.3s ease;
  box-shadow: 0 4px 12px rgba(0,0,0,0.15);
}

.whatsapp-tooltip::before {
  content: '';
  position: absolute;
  right: -6px;
  top: 50%;
  transform: translateY(-50%);
  width: 0;
  height: 0;
  border-top: 6px solid transparent;
  border-bottom: 6px solid transparent;
  border-left: 6px solid #111827;
}

.whatsapp-with-tooltip:hover .whatsapp-tooltip {
  opacity: 1;
  transform: translateY(-50%) translateX(0);
}

.whatsapp-with-tooltip:hover {
  background: #16a34a;
  box-shadow: 0 6px 20px rgba(34, 197, 94, 0.5);
}

.carousel-control-prev .carousel-control-prev-icon{ background: url('images/prev.png') 0 0 no-repeat;}
.carousel-control-next .carousel-control-next-icon{ background: url('images/next.png') 0 0 no-repeat;}
.carousel-control-next-icon, .carousel-control-prev-icon { height: 3rem;}
.carousel-control-prev { left: -70px;}
.carousel-control-next { right: -80px;}
.carousel-indicators [data-bs-target] { background-color: #2563EB;}


#footer {
  background: #0F172A;
  padding: 60px 0 30px;
  color: #e5e7eb;
}

.footer-heading {
  font-size: 40px;
  font-weight: 700;
  color: #FACC15;
  margin-bottom: 40px;
}

.footer-columns {
  margin-bottom: 32px;
}

.footer-col-title {
  font-size: 16px;
  font-weight: 600;
  color: #FACC15;
  margin-bottom: 12px;
}

ul.footerlinks {
  list-style: none;
  padding: 0;
  margin: 0;
}

ul.footerlinks li {
  font-size: 14px;
  margin-bottom: 8px;
}

ul.footerlinks li a {
  color: #e5e7eb;
  text-decoration: none;
}

ul.footerlinks li a:hover {
  color: #2563EB;
}

.footer-social img {
  height: 28px;
}

.footer-contact span {
  display: block;
  font-size: 13px;
  color: #9ca3af;
  margin-top: 16px;
}

.footer-contact a {
  color: #e5e7eb;
  text-decoration: none;
  font-size: 14px;
}

.footer-contact a:hover {
  color: #2563EB;
}

.borderTop {
  margin: 30px 0 0;
  padding: 16px 0 0;
  border-top: 1px solid #1f2937;
}

.smallTxt {
  margin: 0;
  padding: 0;
  font-size: 13px;
  color: #9ca3af;
}
.mobileImg { display: none;}

.site-header {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  z-index: 1000;
  padding: 0;
  transition: background 0.4s ease, backdrop-filter 0.4s ease, color 0.4s ease;
}

.site-header .header {
  width: 100%;
}

.site-header .navbar {
  padding: 12px 0;
}

.site-header.transparent .navbar {
  padding: 16px 0;
}

.header-inner {
  display: flex;
  justify-content: space-between;
  align-items: center;
  width: min(1200px, 90%);
  margin: 0 auto;
}

.logo {
  font-size: 24px;
  font-weight: 700;
  transition: color 0.3s ease;
}

.nav a {
  margin-left: 15px;
  text-decoration: none;
  font-weight: 500;
  padding: 10px 20px;
  transition: color 0.3s ease, opacity 0.3s ease;
}

/* ===== Transparent (top of page) ===== */
.site-header.transparent {
  background: transparent;
  backdrop-filter: none;
}
.site-header.transparent .navbar { margin-top: 0; }
.site-header.glass .navbar { margin-top: 0; }
.site-header.glass .nav a { padding-top: 12px; padding-bottom: 12px;}


/* .site-header.transparent .logoBox { display: flex;}
.site-header.transparent .logoBox div span {display: block;}*/
.site-header.transparent .logoBox img { width: 50px; height: 50px; float: left; object-fit: contain;} 

.site-header.transparent .logoBox{ float: left; }
.site-header.transparent .logoBox div {display: inline-block;}
.site-header.transparent .logoBox div span {display: block;}


.site-header.transparent img{ background: #fff; border-radius: 50px; padding: 4px; margin: 0 7px 0 0;}
.site-header.transparent .logo { color: #fff; font-size: 22px;}

.site-header.transparent .nav-link {
  color: #fff;  /* white on dark hero */
}.site-header.transparent .nav-link:focus, .site-header.transparent .nav-link:hover {

  color: #E8E91F;
}
.site-header.transparent .nav a {
  color: #fff;  /* white on dark hero */
}
.nav-link:focus, .nav-link:hover,
.site-header.transparent .nav a:hover {
    color: #2563EB;
}

/* ===== Glassmorphism after scroll ===== */
.site-header.glass {
  background: rgba(255, 255, 255, 0.75);
  backdrop-filter: blur(12px);
  -webkit-backdrop-filter: blur(12px);
  border-bottom: 1px solid rgba(0, 0, 0, 0.08);
}

.site-header.glass .logo,
.site-header.glass .nav a,
.site-header.glass a .tagline {
  color: #2563EB;  /* dark on light glass */
}
.site-header.glass .logoBox img{ width: 50px; height: 50px; float: left; object-fit: contain;}
.site-header.glass .logoBox div {display: inline-block;}
.site-header.glass .logoBox div span {display: block;}

.site-header.glass img{ box-shadow:0 0 0 1px #2563EB; border-radius: 50px; padding: 4px; margin: 0 7px 0 0;}
.site-header.glass .logo { font-size: 22px;}
/* ===== Nav hover ===== */
.site-header.glass .nav a:hover {
  color: #111;
}

/* ===== Legal pages header colors (light hero) ===== */
.legal-page .site-header.transparent .logo,
.legal-page .site-header.transparent .tagline,
.legal-page .site-header.transparent .nav-link,
.legal-page .site-header.transparent .nav a {
  color: #111827;
}

.legal-page .site-header.transparent .nav-link:hover,
.legal-page .site-header.transparent .nav a:hover {
  color: #2563EB;
}

.legal-page .site-header.transparent img {
  /* Remove white pill behind logo on light background */
  background: transparent;
  box-shadow: none;
}

.fade-section {
  opacity: 0;
  transform: translateY(30px);
  transition: opacity 0.8s ease-out, transform 0.8s ease-out;
}

.fade-section.visible {
  opacity: 1;
  transform: translateY(0);
}




@media (max-width: 1024px) {
    #contactus { margin: 0 0 20px;}
    .backgroundImgHero::before { display: none;}
    .mobileImg { display: block;}
    .moneyAmount,
    .testimonialDiv h2 { font-size: 3rem;}
    .starBoxGrp { padding: 40px 0;}
    .statbox { margin: 20px 0;}
    .subline { font-size: 20px; line-height: 30px;}
    .testimonialDiv { padding-top: 30px;}
    .testimonialDiv h2 { padding-bottom: 30px;}
    
    
    #roistory { margin-bottom: 60px; padding-bottom: 60px;}
    #testimonial { margin-bottom: 0;}
    .logo-marquee { padding: 0 60px;}
 }


 @media (max-width: 768px) {
  .bannerImg { margin-top: 30px;}
    .backgroundImgHero::before { display: none;}
    .mobileImg { display: block;}
    .moneyAmount,
    .testimonialDiv h2 { font-size: 3rem;}
    .starBoxGrp { padding: 40px 0;}
    .statbox { margin: 20px 0;}
    .subline { font-size: 20px; line-height: 30px;}
    .testimonialDiv { padding-top: 30px;}
    .testimonialDiv h2 { padding-bottom: 30px;}
    .socialMedia { padding-top: 20px;}
    #footer, ul.footerlinks { text-align: center;}
    #roistory { margin-bottom: 60px; padding-bottom: 60px;}
    #testimonial { margin-bottom: 0;}
    .roi-value { font-size: 46px;}
    .navbar-toggler-icon { background-color: #fff;}
    .transparent .navbar-toggler {background-color: #fff;}
    .glass .navbar-toggler {background-color: #fff;}
    .glass .navbar-toggler:focus {box-shadow: 0 0 0 1px #2563EB;}
        .carousel-control-next {
        right: 0;
        top: -80px;
        
        height: 3rem;
    }
    .carousel-control-prev {
     left: auto;
        top: -80px;
        right: 80px;
        height: 3rem;
}
.logo_menu {display: flex; align-items: center;}
.oursolutionGrp { margin: 100px 0 60px;}
.heroArea { padding-top:30px;}


.site-header.transparent ul li a { color: #000;}
.tagline { font-size:10px;}
.site-header.transparent .logoBox div span {display: block; float: left;}
.site-header.glass .logoBox div span {display: block; float: left;}

 }

 @media (max-width:380px) {
  .site-header.transparent ul {
  padding: 0 10px;
    background: rgba(255, 255, 255, 0.75);
    backdrop-filter: blur(12px);
    -webkit-backdrop-filter: blur(12px);
    border-bottom: 1px solid rgba(0, 0, 0, 0.08);
}
}